.block_collection {
    .list {
        grid-template-columns: repeat(var(--pc-number), minmax(0, 1fr));
        a {
            color: var(--text-color);
        }
        @media screen and (max-width: 767px) {
            grid-template-columns: repeat(var(--mobile-number), minmax(0, 1fr));
        }
        .img_box {
            grid-area: 1/1;
            img {
                transition: all .64s ease;
            }
            .mask {
                background-color: var(--bg);
            }
        }
        .text_box {
            grid-area: 1/1;
            font-size: calc(var(--general_font_size) + 4px);
            &:hover {
                span {
                    border-bottom-color: var(--text-color);
                }
            }
            span {
                border-bottom: 2px solid transparent;
            }
        }
        .list_item {
            a {
                grid-template-rows: auto auto;
            }
            &:hover {
                img {
                    transform: scale(1.06);
                }
            }
        }
    }
}